:global {
  #root {
    height: 100vh;
  }
}

.container {
  height: 100%;
  display: flex;
  flex-direction: column;

  .ywSection {
    height: 240px;
    overflow-y: auto;
  }

  .gwSections {
    flex: 1;

    .gwSection {
      .card {
        flex: 0 0 50%;
        border-radius: 6px;
      }
      .card:nth-child(2n) {
        margin-left: 15px;
      }
    }
  }
}

.sectionTitle {
  color: #1d8be0;
  padding: 5px 0;
}

.ywContainer {
  color: #666666;

  .row {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(246, 248, 250, .5);;
    padding: 5px 10px;
  }

  .row:nth-child(2n) {
    background-color: rgba(246, 248, 250, .5);
  }
}
